<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米手机</title>
		<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.47/vue.global.js"></script>
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/download/font_sr7u2p14or8/iconfont.css">
	</head>
	<body>
		<div class="phone">
			<div class="section">
				<!-- top -->
				<div class="top">
					<p class="phoneWord">手机</p>
					<a href="#">查看更多<i class="iconfont icon-youjiantou"></i></a>
				</div>
				<!-- top end -->
				
				<!-- pic -->
				<ul class="grid">
					<li class="box" v-for="item in phoneList">
						<a href="#">
							<div><img :src="item.img" alt=""></div>
							<h3 class="title">{{item.title}}</h3>
							<p class="tex">{{item.tex}}</p>
							<p class="price">{{item.price}}</p>
						</a>
					</li>
				</ul>
				<!-- pic end -->
			</div>
		</div>
	</body>
	<script src="js/Vue.js"></script>
</html>
